<template>
<div>
    <ul >
        <li>
            <router-link  to="/home">首页</router-link>
            <router-link to="/topic">榜单</router-link>
            <router-link to="/search">搜索</router-link>
            <router-link to="/mine">我的</router-link>
        </li>
    </ul>
</div>
</template>

<script setup>

</script>

<style scoped >
li{
       
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    
    }
    li a{
         flex: 1;
        text-align: center;
        padding-top: 10px;
    }
  .active{
    border-bottom: 1px solid #ff0000;
  }
</style>

